/*
 COLORS
	Green
	#8ae234 #73d216 #4e9a06
	Red
	#ef2929 #cc0000 #a40000
	Gray
	#eeeeec #d3d7cf #babdb6 #888a85 #555753 #2e3436

*/

/*
---CONTAINERS---
*/

body{
	font-family: 'luxi sans', 'trebuchet ms', 'bitstream vera sans', sans-serif;
	color:#2e3436;
	width:540px;
}

#content{
	/*border: 2px solid #eeeeec;
	border-radius: 0.2em 0.2em;*/
	margin:3px;
	font-size:small;
}
#overlay{
	position:absolute;
	background-color:#ffffff;
	border: 4px solid #babdb6;
	border-radius: 4px;
	padding:3px;
	text-align:center;
	top:30%;
	margin-left:0 auto;
	width:40%;
	left:30%;
}

/*
---LINKS---
*/

#topLinks a{
	font-size:x-small;
}
a, a:visited,a:hover{
	color:#555753;
	font-weight:bold;
}
a:hover{
	color:#888a85;
}

/*
---TABLES---
*/

/* Div containing the table (<div class='tableCont'><div><table/></div></div>)*/
.tableCont{
	height:400px;
	width:100%;
	overflow-y:scroll;
	border:4px solid #BABDB6;
	
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
}
.tableCont div{
	width:100%;
	padding:0px;
	margin:0px;
}
.tableCont div table{
	width:100%;
}

/* Table rows   */
.tableCont div table tr{
	white-space:nowrap;
}
/* Table headers*/
.tableCont div table th{
	font-size:small;
	border:2px solid #eeeeec;
}

/* Gamertag style */
.XbcTableFriendOffline a{
	color:#a40000;
}
.XbcTableFriendOnline a{
	font-weight:bolder;
	color:#4e9a06;
}

/* Rows */
.XbcTableFriendOffline, .XbcMessageRead{
	font-size:x-small;
}
.XbcTableFriendOnline, .XbcMessageUnread{
	font-size:small;
}

.loadingMsg{
	display:none; /*Do not display loading animation*/
}

.expandMsg{
	width:18px;
	height:18px;
	margin:2px;
	text-align:center;
	vertical-align:middle;
}

/* Message body */
.msgBody{
	display:none; /* Start without displaying the row*/
}
.msgBody td{
	padding:0px;
	font-size:xx-small;
	border-top:1px solid #eeeeec;
}

/*
---MESSAGE TAB---
*/
#msgForm_text {
	border: 2px solid #babdb6;
	border-radius: 2px;
	width:100%;
	height:100%;
}

#msgSentOK {
	color:#4e9a06;
}

/*
---LOOKUP TAB---
*/
#plForm_result {
	font-size:smaller;
}

/*
---TABS---
*/
.tabHead{
	
}
.tabHead a{
	text-decoration:none;
	border: 4px solid #babdb6;
	border-bottom-width: 0px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
}
.tabHeadNotSelected{
	background-color:#babdb6;
}
.tabHeadSelected{
	font-size:larger;
	position: relative;
	z-index: 10;
	background-color: white;

	padding-left:1px;
	padding-right:1px;
	padding-bottom:2px;
	top: 2px;
}
